﻿			/* mon skin */

/*
box-shadow:0 0 15px 2px
*/
[data-effect='modal']
{
	background-color: rgba(44,49,58,0.6) !important;
}


[data-effect="window"] {

	 -moz-box-shadow: 10px 10px 40px rgba(0, 0, 0, .65) !important; 
    -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	-o-box-shadow: 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	-khtml-box-shadow: 10px 10px 40px rgba(0, 0, 0, .65) !important; 
	-ms-box-shadow: 10px 10px 40px rgba(0, 0, 0, .65) !important;  
	box-shadow: 10px 10px 40px rgba(0, 0, 0, .65) !important;
	
	
	background: rgba(44,49,58,0.85) url("http://noisepng.com/100-80-2-monochrome.png") 0 0 repeat !important;
		

	color: white !important;
	 font-family: 'Open Sans', sans-serif; !important;
	font-size: 13px !important;
	
	border-top: 1px solid #7C899C !important;
	border-bottom: 1px solid #3B434E !important;

	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	border-radius: 3px !important;

	padding: 2px 2px 2px 2px !important;
	
}


/* titlebar */

[data-effect="titlebar"]
{
  height:18px !important;
  width: auto !important;
  margin: 0px 3px 6px 3px !important;

  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;

  -webkit-box-shadow: 0 1px 2px #0B0C0E !important;
-moz-box-shadow: 0 1px 2px #0b0c0e !important;
box-shadow: 0 1px 2px #0B0C0E !important;
  
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #637082), color-stop(100%, #373E48)) !important;
background-image: -webkit-linear-gradient(top, #637082, #373E48) !important;
background-image: -moz-linear-gradient(top, #637082, #373E48) !important;
background-image: -o-linear-gradient(top, #637082, #373E48) !important;
background-image: linear-gradient(top, #637082, #373E48) !important;

border-top: 1px solid #7C899C !important;
border-bottom: 1px solid #3B434E !important;

}
 
[data-effect="titlebar_caption"]
{
	padding-top: 0px !important;
	font-family: Times !important;
	font-size: 12px !important;
	vertical-align: 6px !important;
	text-align: center !important;
	width: auto  !important;
	height:18px !important;
}

[data-effect="titlebar_tools"]
{
	width: 16px !important;
	height: 16px !important;
	float: left !important;
	margin: 0px 0px 0px 3px !important;
	cursor: default !important;
	background-image: url(normal/un_menu.png) !important;
}

[data-effect="titlebar_tools"]:hover {
	background-image: url(hover/un_menu.png) !important;
}

[data-effect="titlebar_tools"]:active {
	background-image: url(active/un_menu.png) !important;
}

[data-effect="titlebar_minimize"]
{
	width: 16px !important;
	height: 16px !important;
	float: right !important;
	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(normal/min.png) !important;
}

[data-effect="titlebar_minimize"]:hover {
	background-image: url(hover/min.png) !important;
}

[data-effect="titlebar_minimize"]:active {
	background-image: url(active/min.png) !important;
}


[data-effect="titlebar_maximize"]:hover {
	background-image: url(hover/mize.png) !important;
}

[data-effect="titlebar_maximize"]:active {
	background-image: url(active/mize.png) !important;
}

[data-effect="titlebar_maximize"] {
	width: 16px !important;
	height: 16px !important;
	float: right !important;
 	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(normal/mize.png) !important;
}


[data-effect="titlebar_close"]:hover {
	background-image: url(hover/close.png) !important;
}

[data-effect="titlebar_close"]:active {
	background-image: url(active/close.png) !important;
}

[data-effect="titlebar_close"] {
	width: 16px !important;
	height: 16px !important;
	float: right !important;
	margin: 0px 0px 0px 0px !important;
	cursor: default !important;
	background-image: url(normal/close.png) !important
}

/* plugin waiting */

[data-effect="waiting-fxcircle-1"] {
	border-color : #A4A4A4 !important;
	box-shadow: 0 0 35px #A4A4A4 !important;
}

[data-effect="waiting-fxcircle-2"] {
	border-color : #A4A4A4 !important;
	box-shadow: 0 0 15px #A4A4A4 !important;
}

[data-effect="waiting-fxbar"] {
  background-image: -moz-linear-gradient(45deg, #A4A4A4 25%, #F1F1F1); 
  background-image: -webkit-linear-gradient(45deg, #A4A4A4 25%, #F1F1F1);
}

/* others plugins */

[data-effect="button"]
{
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.3) !important;
	
	color: black !important;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F1F1F1), color-stop(100%, #BEBEBE)) !important;
	background-image: -webkit-linear-gradient(top, #F1F1F1, #BEBEBE) !important;
	background-image: -moz-linear-gradient(top, #F1F1F1, #BEBEBE) !important;
	background-image: -o-linear-gradient(top, #F1F1F1, #BEBEBE) !important;
	background-image: linear-gradient(top, #F1F1F1, #BEBEBE) !important;

	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8) !important;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8) !important;

	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	border-radius: 3px !important;
	
	padding: 1px 5px 1px 5px !important;
}

[data-effect="button"]:not(:disabled):hover {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #E4E4E4), color-stop(100%, #A4A4A4)) !important;
	background-image: -webkit-linear-gradient(top, #E4E4E4, #A4A4A4) !important;
	background-image: -moz-linear-gradient(top, #E4E4E4, #A4A4A4) !important;
	background-image: -o-linear-gradient(top, #E4E4E4, #A4A4A4) !important;
	background-image: linear-gradient(top, #E4E4E4, #A4A4A4) !important;
}

[data-effect="button"]:disabled {
	background:	-webkit-linear-gradient(top, grey, #E4E4E4) !important;
	background:	   -moz-linear-gradient(top, grey, #E4E4E4) !important;
	background:		 -o-linear-gradient(top, grey, #E4E4E4) !important;
	background:			linear-gradient(top, grey, #E4E4E4) !important;
	cursor: url(interdit.png), default !important;
}

[data-effect="button"]:not(:disabled):active {
 	background:	-webkit-linear-gradient(top, #E4E4E4, white) !important;
	background:	   -moz-linear-gradient(top, #E4E4E4, white) !important;
	background:		 -o-linear-gradient(top, #E4E4E4, white) !important;
	background:			linear-gradient(top, #E4E4E4, white) !important;
}

[data-effect="button"]:not(:active):focus {
   border: 2px solid yellow  !important;
}

[data-effect="boundary"]
{
}

[data-effect="legend"]
{
	-moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
	padding: 1px 5px 1px 5px !important;
	
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #556070), color-stop(100%, #3E4852)) !important;
background-image: -webkit-linear-gradient(top, #556070, #3E4852) !important;
background-image: -moz-linear-gradient(top, #556070, #3E4852) !important;
background-image: -o-linear-gradient(top, #556070, #3E4852) !important;
background-image: linear-gradient(top, #556070, #3E4852) !important;
-webkit-box-shadow: 0 -1px 0 #4E5766, 0 1px 0 #1D2024 !important;
-moz-box-shadow: 0 -1px 0 #4e5766, 0 1px 0 #1d2024 !important;
box-shadow: 0 -1px 0 #4E5766, 0 1px 0 #1D2024 !important;
	
	
	/*
	  -webkit-box-shadow: 0 1px 2px #0B0C0E !important;
-moz-box-shadow: 0 1px 2px #0b0c0e !important;
box-shadow: 0 1px 2px #0B0C0E !important;
	*/
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color: white !important;
	border: 2px ridge gray !important;
}

[data-effect="box"]
{
	-moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;

	  -webkit-box-shadow: 0 1px 2px #0B0C0E !important;
-moz-box-shadow: 0 1px 2px #0b0c0e !important;
box-shadow: 0 1px 2px #0B0C0E !important;

/*	background-color: rgba(0, 0, 15, 0.60) !important;*/
	background-color: rgba(44,49,58,0.85) !important;
	border: 2px ridge gray !important;
	color: white !important;
}

[data-effect="header"]
{
		
	-moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;

		
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #556070), color-stop(100%, #3E4852)) !important;
background-image: -webkit-linear-gradient(top, #556070, #3E4852) !important;
background-image: -moz-linear-gradient(top, #556070, #3E4852) !important;
background-image: -o-linear-gradient(top, #556070, #3E4852) !important;
background-image: linear-gradient(top, #556070, #3E4852) !important;
-webkit-box-shadow: 0 -1px 0 #4E5766, 0 1px 0 #1D2024 !important;
-moz-box-shadow: 0 -1px 0 #4e5766, 0 1px 0 #1d2024 !important;
box-shadow: 0 -1px 0 #4E5766, 0 1px 0 #1D2024 !important;
	
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color: white !important;
}



[data-effect="body"]
{
	/*background-color: rgba(28, 54, 102, 0.70) !important;*/
}

[data-effect="body"] [data-effect="row"]
{
	color: white;
}

[data-effect="body"] [data-effect="row"]:hover
{
	
	background-color: rgb(228, 228, 228) !important;
	background-color: rgba(228, 228, 228, 0.4) !important;
}

[data-effect="body"] [data-effect="row"]:active
{
	background-color: rgba(180, 180, 180, 0.6) !important;
	color: white !important;
}


[data-effect="image"]
{
	
}


/* label plugin */


[data-effect="text"]
{
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	color: white !important;
}

[data-effect="text:error"]
{
	-moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  
	box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5) !important;
		 
		background-color: red !important;
text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
	    color : white !important;
		border: 2px dotted orange !important;
	padding: 1px 5px 1px 5px !important;
}

[data-effect="text:warning"]
{
	-moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  
	box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5) !important;
		 text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.2) !important;
		background-color: yellow !important;

	    color : red !important;
		border: 2px dotted red  !important;
		padding: 1px 5px 1px 5px !important;
}


/* Range */

input[type="range"] {
	background-image:-webkit-linear-gradient(left, hsla(0,0%,100%,.1) 45%, transparent 45%),
                      -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),-webkit-linear-gradient(left, #cd412c, #ffca5e, #9fbe1c) !important;
    background-size: 3px 3px, 100% 100%, 100% 100% !important;
    border-radius: 25px !important;
    box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5),
                inset 0 0 10px hsla(0,0%,0%,.5) !important;
    cursor: ew-resize !important;
    position: relative !important;
    -webkit-appearance: none !important;
    -webkit-transition: .15s !important;
}

input[type="range"]::-webkit-slider-thumb {
    background-color: #eee;
	
	border-radius: 25px;
	
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25);
	
    content: '';
    display: block;
    height: 10px;
    left: 0;
    position: relative;
    top: 0;
    width: 10px;
	
    -webkit-appearance: none;
}


[data-effect="input"] {
	-moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
	background-color: white !important;
	color: black !important;
	
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	
	border: 2px ridge gray !important;
	padding: 1px 10px !important;
	
	box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5) !important;
}


[data-effect="input"]:required {
   border: 2px dotted orange  !important;
}

[data-effect="input"]:invalid{
   border: 2px dotted red  !important;
}

[data-effect="input"]:focus {
   border: 2px solid yellow  !important;
}


[data-effect="input"]:disabled
{
	color : grey !important;
}

[data-effect="input"]:required
{
    background-position: right top !important;
    background-repeat: no-repeat !important;
}



[data-effect="input"]:required:invalid, [data-effect="input"]:focus:invalid
{
	background-image: url('') !important;
}

[data-effect="input"]:required:valid
{
	background-image: url('') !important;
}


/* checkbox */


[data-effect="checkbox-flag"]:before
{
	border: 2px solid gray  !important;
  
  background-image:
    -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
    -webkit-linear-gradient(left, #BE7E7E 50%, #BEBEBE 50%) !important;
   background-image:
    -moz-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
    -moz-linear-gradient(left, #BE7E7E 50%, #BEBEBE 50%) !important;
  background-image:
    -o-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
    -o-linear-gradient(left, #BE7E7E 50%, #BEBEBE 50%) !important;
  background-image:
    -khtml-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
    -khtml-linear-gradient(left, #BE7E7E 50%, #BEBEBE 50%) !important;
  background-image:
    -ms-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
    -ms-linear-gradient(left, #BE7E7E 50%, #BEBEBE 50%) !important;
  background-image:
    linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
    linear-gradient(left, #BE7E7E 50%, #BEBEBE 50%) !important;
    background-size: 100% 100%, 200% 100% !important;
  
    background-position: 0 0, 10px 0 !important;
    border-radius: 25px !important;
    
}

[data-effect="checkbox"]:focus +[data-effect="checkbox-flag"]:before
{
	border: 2px solid yellow  !important;
}

[data-effect="checkbox-flag"]:after {
  background-color: #eee !important;
  background-image: -webkit-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1)) !important;
  background-image: -moz-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1)) !important;
  background-image: -o-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1)) !important;
  background-image: -khtml-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1)) !important;
  background-image: -ms-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1)) !important;
  background-image: linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1)) !important;
  
    border-radius: 25px !important;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25) !important;
}
 
[data-effect="checkbox"]:disabled+[data-effect="checkbox-flag"]:after {
	background-color: grey !important;
}



/* radio */

[data-effect="radio-flag"]:before
{
   background-color : white;

	-webkit-border-radius:	8px !important;
	-moz-border-radius:		8px !important;
	-o-border-radius:		8px !important;
	border-radius:			8px !important;
	
	border: 2px ridge gray !important;
}

[data-effect="radio"]:focus +[data-effect="radio-flag"]:before
{
	border: 2px solid yellow  !important;
}

[data-effect="radio-flag"]:after {


	background-color : #637082 !important;
	
}

[data-effect="radio"]:disabled+[data-effect="radio-flag"]:after {
	background-color: grey !important;
}


::-webkit-input-placeholder {
  color: gray !important;
  font-style: italic !important;
}

:-moz-placeholder {
  color: gray !important;
  font-style: italic !important;
}

:-ms-input-placeholder {
  color: gray !important;
  font-style: italic !important;
}

/* Scrollbar Width */
/*
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #AAA;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
*/
/* beginning of scrollbar */


::-webkit-scrollbar {
	width: 10px !important;
	height: 10px !important;
	position: relative !important;
	margin:5px !important;
}


::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset !important;
}

::-webkit-scrollbar-thumb {
	background: silver !important;
}

::-webkit-scrollbar-corner {
	background: transparent !important;
}

/*
::-webkit-scrollbar {
    background: #FFF;
    width: 15px;
    height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    background-color: transparent;
    display: block;
    height: 20px;
}

::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    background: rgba(255,248,69,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(255,0,0,0.4);
}
*/

